<!DOCTYPE html>
<html>
<head>
  <title>登陆</title>
  <meta charset="utf-8" />
  <meta http-equiv="Content-Type" name="viewport" content="width=device-width, initial-scale=1">
  <script src="//cdn.staticfile.org/vue/2.6.12/vue.min.js"></script>
  <script src="//cdn.staticfile.org/element-ui/2.15.0/index.min.js"></script>

  <link rel="stylesheet" href="//cdn.staticfile.org/element-ui/2.15.0/theme-chalk/index.min.css">
  <script src="//cdn.staticfile.org/axios/0.27.2/axios.min.js"></script>

  <script src="../js/avue/index.js"></script>
  <link rel="stylesheet" href="../js/avue/avue.css">
  <link rel="stylesheet" href="../js/avue/index.css">
  <!-- 引入样式 -->
  <!--    <link rel="stylesheet" href="./vxe-table/style.css">-->
  <!--    <script src="./vxe-table/xe-utils.umd.min.js"></script>-->
  <!--    <script src="./vxe-table/index.umd.js"></script>-->
</head>
<style>
  #changeContab .language {
    position: absolute;
    right: 25px;
    z-index: 1;
  }
  #changeContab .el-tabs {
    box-shadow: none;
  }
  #changeContab .tabBody .el-row {
    margin: 10px 0;
  }
  #changeContab .tabBody .el-row .long .el-select {
    width: 350px;
  }
  #changeContab .tabBody .el-row .el-input-number {
    width: 110px;
  }
  #changeContab .bottom {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    position: relative;
  }
  #changeContab .bottom .value {
    font-size: 18px;
    vertical-align: middle;
  }

</style>
<body>
<div id="app">
  <div class="jobIndex">
    <basic-container>

      <avue-crud
          ref="crud"
          :page.sync="page"
          v-model="form"
          :data="tableData"
          :table-loading="tableLoading"
          :option="tableOption"
          @row-save="save"
          @refresh-change="refreshChange"
          @size-change="sizeChange"
          @current-change="currentChange"
          @search-reset="handleSearchReset">
        <template slot-scope="{row,index,type}" slot="menuForm">
          <el-button type="primary"
                     icon="el-icon-check"
                     size="small"
                     v-if="type=='add'"
                     @click="$refs.crud.rowSave()"
          >确认</el-button>
        </template>

        <template
            slot="menu"
            slot-scope="scope">
          <el-button
              type="text"
              icon="el-icon-error"
              @click="handleContent(scope.row)">查看
          </el-button>
          <el-button
              type="text"
              icon="el-icon-error"
              @click="doRefund(scope.row)">全额退款
          </el-button>
        </template>
      </avue-crud>
    </basic-container>
    <el-dialog
        :visible.sync="dialogFormVisible"
        title="详情"
        width="90%"
        @close="closeJobLogDialog"
    >
      <el-input
          type="textarea"
          :autosize="{ minRows: 2, maxRows: 10}"
          placeholder="请输入内容"
          v-model="content">
      </el-input>
    </el-dialog>
  </div>
</div>
</body>
<script src="../js/payConfig.js"></script>
<script>
</script>
</html>

